//初始化
page{
	background-color: #F5F7FA;
	font-size: 28rpx !important;
	color: #1F1F1F !important;
}
:not(not){
    box-sizing:border-box;
}
view{
	line-height:1.2;
}
uni-rich-text{
	user-select: text;
}
image,.u-image{
	flex-shrink: 0;
}
.wid-bfb{
	width: 100%;
}
.status_bar {
    height: var(--status-bar-height);
    width: 100%;
}
.uni-input-placeholder{
	top: 50%!important;
	transform: translateY(-50%);
}
// 颜色
.color-pink{
	color: #FC577C !important;
}
.color-red{
	color: #F53831 !important;
}
.color-orange{
	color: #FF8533 !important;
}
.color-golden{
	color: #FFDC08;
}
.color-blue{
	color: #1F78FF !important;
}
.color-young{
	color: #0BCCAA !important;
}
.color-green{
	color: #00CC55 !important;
}
.color-000{
	color: #000000 !important;
}
.color-fff{
	color: #FFFFFF !important;
}
.color-fff-072{
	color: rgba(255,255,255,0.72) !important;
}
.color-222{
	color: #222222 !important;
}
.color-333{
	color: #333333 !important;
}
.color-666{
	color: #666666 !important;
}
.color-888{
	color: #888888 !important;
}
.color-999{
	color: #999999;
}
.color-aaa{
	color: #aaa !important;
}
.color-bbb{
	color: #bbb !important;
}
.bg-fff{
	background: #FFFFFF !important;
}
//字号
.font-s-10{
	font-size: 20rpx !important;
}
.font-s-11{
	font-size: 22rpx !important;
}
.font-s-12{
	font-size: 24rpx !important;
}
.font-s-13{
	font-size: 26rpx !important;
}
.font-s-14{
	font-size: 28rpx !important;
}
.font-s-15{
	font-size: 30rpx !important;
}
.font-s-16{
	font-size: 32rpx !important;
}
.font-s-17{
	font-size:34rpx !important;
}
.font-s-18{
	font-size:36rpx !important;
}
.font-s-19{
	font-size:38rpx !important;
}
.font-s-20{
	font-size:40rpx !important;
}
.font-s-24{
	font-size:48rpx !important;
}
.fw-500{
	font-weight: 500;
}
.fw-600{
	font-weight: 600;
}
.fw-b{
	font-weight: bold;
}

//边距
.mar-t-5{
	margin-top: 10rpx !important;
}
.mar-t-8{
	margin-top: 16rpx !important;
}
.mar-t-10{
	margin-top: 20rpx !important;
}
.mar-t-11{
	margin-top: 22rpx !important;
}
.mar-t-15{
	margin-top: 30rpx !important;
}
.mar-t-20{
	margin-top: 40rpx !important;
}
.mar-t-24{
	margin-top: 48rpx !important;
}
.mar-l-2{
	margin-left: 4rpx !important;
}
.mar-l-5{
	margin-left: 10rpx !important;
}
.mar-l-8{
	margin-left: 16rpx !important;
}
.mar-l-10{
	margin-left: 20rpx !important;
}
.mar-l-12{
	margin-left: 24rpx !important;
}
.mar-l-15{
	margin-left: 30rpx !important;
}
.mar-l-20{
	margin-left: 40rpx !important;
}
.pad-t-10{
	padding-top: 20rpx !important;
}
.pad-l-10{
	padding-left: 20rpx !important;
}
.pad-15{
	padding: 30rpx !important;
}
//浮动
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.clear-both{
	clear: both;
}
.dis-flex{
	display: flex;
}
.flex-1{
	flex: 1;
}
.flex-align-center{
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-between-center{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-shrink-0{
	flex-shrink: 0;
}
.flex-wrap{
	flex-wrap: wrap;
}
.ver-mid{
	vertical-align: middle;
}
.text-c{
	text-align: center;
}
.text-l{
	text-align: left;
}
.text-r{
	text-align: right;
}
.text-through{
	text-decoration:line-through;
}
.pos-rel{
	position: relative!important;
}
.pos-fixed-t{
	position:fixed!important;
	top: 0;
	z-index:2020;
	width: 100%;
}
//文本溢出
.text-over{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.text-over-clamp-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.text-over-clamp-3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
}